<template>
  <div class="container">
    <div class="u-title f-mtp10">
      <h2>当前部门：销售部</h2>
    </div>
    <div class='u-content f-oh mn'>
        <section>
            <div class="u-title f-mtp10">
                <h2>张三</h2>
            </div>
            <div class='u-content flex flex-wrap'>
                <div class='lawyer-item f-w200 br-rt'>律师管理</div>
                <div class='lawyer-item f-w200'>律师管理</div>
                <div class='lawyer-item f-w200'>律师管理</div>
                <div class='lawyer-item f-w200'>律师管理</div>
                <div class='lawyer-item f-w200'>律师管理</div>
                <div class='lawyer-item f-w200'>律师管理</div>
                <div class='lawyer-item f-w200'>律师管理</div>
                <div class='lawyer-item f-w200'>律师管理</div>
                <div class='lawyer-item f-w200'>律师管理</div>
                <div class='lawyer-item f-w200'>律师管理</div>
                <div class='lawyer-item f-w200'>律师管理</div>
            </div>
        </section>
    </div>
  </div>
</template>

<script>
// import axios from 'axios';
export default {
  name: 'PermissionSettings',
  data() {
    return {
      value4: true,
      phone: '',
      password: ''
    }
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.mn{
    padding: 10px 20px;
}
.lawyer-item{
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #ebeef5;
}
.br-lf{ border-left: 1px solid #ebeef5;}
.br-rt{ border-right: 1px solid #ebeef5;}
.br-tp{ border-top: 1px solid #ebeef5;}
.br-bt{ border-bottom: 1px solid #ebeef5;}
</style>
